// JavaScript Document
$(document).ready(
	function()
	{
		$('#wizard').smartWizard();
		
		$('#agregar').click(function()
		{
			var nombres=$('#nombres_persona').val();
			var apellidos=$('#apellidos_persona').val();
			var accion=$('#accion').val();
			
			if(nombres!="" && apellidos!="")
			{
				if (accion==1)
				{
					addPersona(nombres,apellidos);				
				}
				else
				{
					refreshPersona(nombres,apellidos);				
				}			
				montarTabla();
				$('#nombres_persona').val("");
				$('#apellidos_persona').val("");
				$(".modal_close").click();
			}
		});
		
		function startChange()
		{
			var startDate = start.value(),
			endDate = end.value();
			
			if (startDate) 
			{
				//startDate = new Date(2014,07,01);
				startDate.setDate(startDate.getDate());
				end.min(startDate);
			}
			else if (endDate)
			{
				start.max(new Date(endDate));
			}
			else
			{
				endDate = new Date();
				start.max(endDate);
				end.min(endDate);
			}
		}
		
		function endChange()
		{
			var endDate = end.value(),
			startDate = start.value();
			
			if (endDate)
			{
				endDate = new Date(endDate);
				endDate.setDate(endDate.getDate());
				start.max(endDate);
			}
			else if (startDate)
			{
				end.min(new Date(startDate));
			}
			else
			{
				endDate = new Date();
				start.max(endDate);
				end.min(endDate);
			}
		}
		
		var start = $("#inicioproyecto").kendoDatePicker({
				change: startChange,
				format: "dd-MM-yyyy"		 
		}).data("kendoDatePicker");
		
		var end = $("#finproyecto").kendoDatePicker({
			change: endChange,
			format: "dd-MM-yyyy" 
		}).data("kendoDatePicker");
		
		start.max(end.value());
		end.min(start.value());
	
	$('#nombre').validacion({
		req:true,
		lonMin:5
	});	
	$('#inicioproyecto').validacion({
		req:true,
		valFecha:true
	});	
	$('#finproyecto').validacion({
		req:true,
		valFecha:true
	});
	$('#detalle').validacion({
		req:false,
		lonMin:5
	});
	$('#comunidad').validacion({
		req:false,
		lonMin:5
	});
	$('#id_municipio').validacion({
		req:true
	});
	$('#nombres_persona').validacion({
		req:true,
		alf:true,
		lonMin:3
	});
	$('#apellidos_persona').validacion({
		req:true,
		alf:true,
		lonMin:3
	});
});

function validate_fileupload(fileName)
{
	var allowed_extensions = new Array("DOC","doc","DOCX","docx","PDF","pdf","XPS","xps","JPG","jpg","PNG","png","GIF","gif");
	var file_extension = fileName.split('.').pop(); // split function will split the filename by dot(.), and pop function will pop the last element from the array which will give you the extension as well. If there will be no extension then it will return the filename.
	var tipoArchivo= false;
	for(var i = 0; i <= allowed_extensions.length; i++)
	{
		if(allowed_extensions[i]==file_extension)
		{
			tipoArchivo=true;
			return true; // valid file extension		
		}
	}
	alertify.alert("Seleccione un archivo válido, de formato: .doc | .docx | .pdf | .xps | .jpg | .png | .gif");
	tipoArchivo=false;
	return false;
}

/////////////////declaracion de variables globales
var personas= new Array();
var increment=0;
var index;


///funciones para manejar datos
function addPersona(nombre,apellido)
{
	personas.push({id:increment, nombres:nombre, apellidos:apellido});
	increment++;
}

function delPersona(id)
{
	var temp = new Array();
	for (i=0;i<personas.length;i++)
	{
		if (personas[i].id!=id)
		{
			temp.push(personas[i]);
		}
	}
	personas=temp;
	montarTabla();
}

function editPersona(id)
{
	var centinela=true;
	
	for (i=0;i<personas.length&&centinela;i++)
	{
		if (personas[i].id==id)
		{
			centinela=false;
			$('#nombres_persona').val(personas[i].nombres);
			$('#apellidos_persona').val(personas[i].apellidos);
			index=i;
		}
	}
	$('#accion').val(2);
	$('#aux').click();
}

function refreshPersona(nombre,apellido)
{
	personas[index].nombres=nombre;
	personas[index].apellidos=apellido;
}

///funciones para manejar interfaz
function montarTabla()
{
	var action1, action2, input, fila, construct="";
	$('#content_table').empty();
	for (var i = 0; i < personas.length; i++)
	{
		action1='<a onClick="editPersona('+personas[i].id+')"><img src="'+base_url()+'img/editar.png" width="25" height="25" align="absmiddle" title="Editar item"/></a>';
		action2='<a onClick="delPersona('+personas[i].id+')"><img src="'+base_url()+'img/ico_basura.png" width="25" height="25" align="absmiddle" title="Borrar item"/></a>';
		input='<input type="hidden" name="personas[]" value="'+ personas[i].nombres +'**'+ personas[i].apellidos +'"/>';
		fila='<tr><td>'+ personas[i].nombres +'</td><td>'+ personas[i].apellidos +'</td><td align="center">'+ action1 + action2 +'</td>'+ input +'</tr>';
		construct+=fila;		
	}			
	$('#content_table').html(construct);
}